<%@ page import="Arkkomeet.Minuta"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="layout" content="main" />
<script type="text/javascript"
	src="<g:createLinkTo dir='js' file='jquery-ui-timepicker-addon.js'/>"></script>
<script type="text/javascript"
	src="<g:createLinkTo dir='js' file='minuta.js'/>"></script>
</head>
<body>
	<div class="divContenedor">
		<div class="divParrafo">
			<p>Ingrese los datos correspondientes a la minuta que desea
				crear.</p>
		</div>
		<div class="divRepMin">
			<div class="divCheck" style="margin-right: 5px">
				<input name="" type="checkbox" /> Lecciones aprendidas extraidas
			</div>
			<img src="${resource(dir: 'images', file: 'email_go.png')}"
				width="16" height="16" />
			<g:link url="[action:'abrirPaginaEmail',controller:'User']"
				title="Enviar minuta">Enviar minuta por Email</g:link>
			<img src="${resource(dir: 'images', file: 'pdf 16.png')}" width="16"
				height="16" /> <a
				href="C:\Users\Jesus\Desktop\arkkomeet\reportes\2. Minuta.pdf"
				title="Generar reporte de minuta" target="_blank">Reporte de
				minuta</a> <img src="${resource(dir: 'images', file: 'pdf 16.png')}"
				width="16" height="16" /> <a
				href="C:\Users\Jesus\Desktop\arkkomeet\reportes\1. Agenda.pdf"
				title="Generar reporte de agenda" target="_blank">Reporte de
				agenda</a>
		</div>
		<div class="accordion">
			<h3>Encabezado de Minuta</h3>
			<div class="divParaAcordeon" style="height: 250px">
				<g:form action="update">
					<g:hiddenField name="id" value="${minutaInstance?.id}" />
					<g:render template="encabezado" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="btnAceptarEncMin"
								class="btnDer" value="Guardar" id="btnAceptarEncMin" />
						</div>
					</div>
				</g:form>
			</div>

			<h3>Participantes de la Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 300px">
				<g:form controller="Minuta" action="agregarParticipante">
					<g:hiddenField name="idMin" value="${minutaInstance?.id}" />
					<g:render template="participantes" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq">
							<g:submitButton action="agregarParticipante" controller="Minuta"
								name="btnAgregarPartMin" class="btnIzq" title="Agregar"
								value="Agregar" />
						</div>
						<div class="divContDerPeq"></div>
					</div>
				</g:form>
				<div class="divTabla">
					<table class="tab">
						<thead>
							<tr>
								<g:sortableColumn property="id"
									title="${message(code: 'catalogoParticipante.catPartNombre.label', default: 'Opción')}" />
								<g:sortableColumn property="catPartNombre"
									title="${message(code: 'catalogoParticipante.catPartNombre.label', default: 'Nombre')}" />
								<g:sortableColumn property="catPartApellido1"
									title="${message(code: 'catalogoParticipante.catPartApellido1.label', default: 'Primer Apellido')}" />
								<g:sortableColumn property="catPartApellido2"
									title="${message(code: 'catalogoParticipante.catPartApellido2.label', default: 'Segundo Apellido')}" />
								<g:sortableColumn property="asistencia"
									title="${message(code: 'participanteXMinuta.asistencia.label', default: 'Asistencia')}" />
							</tr>
						</thead>
						<tbody>
							<g:each in="${listParticipantes}" status="i" var="participante">
								<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
									<td><g:link action="quitarParticipante"
											title="Quitar participante" controller="Minuta"
											id="${participante.id}">Quitar</g:link></td>
									<td>
										${fieldValue(bean: participante, field: "catPartNombre")}
									</td>
									<td>
										${fieldValue(bean: participante, field: "catPartApellido1")}
									</td>
									<td>
										${fieldValue(bean: participante, field: "catPartApellido2")}
									</td>
									<td><g:select class="cbx" name="asistencia"
											id="asistencia" keys="${[1,2,3]}" value=""
											from="${['Presente', 'Ausente', 'Ausencia Justificada']}" />
									</td>
								</tr>
							</g:each>
						</tbody>
					</table>
					<%--<div class="pagination">
						<g:paginate total="${catalogoParticipanteInstanceTotal}" />
					</div>
				--%>
				</div>
				<div class="divContenidoIzq">
					<div class="divContIzqPeq"></div>
					<div class="divContDerPeq"></div>
				</div>
				<div class="divContenidoDer">
					<div class="divContIzqPeq"></div>
					<div class="divContDerPeq">
						<g:form controller="Minuta" action="guardarParticipantes">
							<g:submitButton title="Guardar" name="btnAceptarParticipantes"
								class="btnDer" value="Guardar" id="btnAceptarParticipantes"
								controller="Minuta" action="guardarParticipantes" />
						</g:form>
					</div>
				</div>
			</div>

			<h3>Agenda de la Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 300px">
				<g:form action="save">
					<g:render template="agenda" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq">
							<input type="submit" title="Agregar" name="btnAgregarAsunto"
								class="btnIzq" value="Agregar" />
						</div>
						<div class="divContDerPeq"></div>
					</div>
				</g:form>
				<div class="divTabla">
					<table class="tab">
						<thead>
							<tr align="left">
								<th width="150"><strong>Opción</strong></th>
								<th width="850"><strong>Asunto</strong></th>
							</tr>
						</thead>
						<tr>
							<td width="83" height="45" align="left"><a href=""
								title="Eliminar asunto">Eliminar</a></td>
							<td width="817" align="left">1. Lectura de la minuta
								anterior</td>
						</tr>
						<tr>
							<td height="45" align="left"><a href=""
								title="Eliminar asunto">Eliminar</a></td>
							<td align="left">2. PresentaciÃ³n de prototipo</td>
						</tr>
						<tr>
							<td height="45" align="left"><a href=""
								title="Eliminar asunto">Eliminar</a></td>
							<td align="left">2.1 PresetaciÃ³n de la vista de
								autenticaciÃ³n</td>
						</tr>
					</table>
				</div>
			</div>

			<h3>Acuerdos Tomados</h3>
			<div class="divParaAcordeon" style="height: 510px">
				<g:form action="save">
					<g:render template="acuerdos" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="bntAceptarAcTom"
								class="btnDer" value="Guardar" id="bntAceptarAcTom" />
						</div>
					</div>
				</g:form>
				<!-- 
				tabla de acuerdos tomados
				 -->
			</div>

			<h3>Cierre de Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 250px">
				<g:form action="update">
				<g:hiddenField name="id" value="${minutaInstance?.id}" />
				<g:hiddenField name="minHoraInicio" value="${formatoHora.format(minutaInstance?.minHoraInicio)}" />
				<g:hiddenField name="minFechaReunion" value="${formato.format(minutaInstance?.minFechaReunion)}" />
				<g:hiddenField name="tipoReunion" value="${minutaInstance?.tipoReunion.id}" />
					<g:render template="cierre" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="btnAceptarCierreReu"
								class="btnDer" value="Guardar" id="btnAceptarCierreReu" />
						</div>
					</div>
				</g:form>
			</div>

			<h3>Pr&oacute;xima Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 200px">
				<g:form action="update">
				<g:hiddenField name="id" value="${minutaInstance?.id}" />
				<g:hiddenField name="minHoraInicio" value="${formatoHora.format(minutaInstance?.minHoraInicio)}" />
				<g:hiddenField name="minFechaReunion" value="${formato.format(minutaInstance?.minFechaReunion)}" />
				<g:hiddenField name="tipoReunion" value="${minutaInstance?.tipoReunion.id}" />
					<g:render template="proxima" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="btnAceptarProxReu"
								class="btnDer" value="Guardar" id="btnAceptarProxReu" />
						</div>
					</div>
				</g:form>
			</div>

			<%--							<label class="lbl" for="bntDjuntarArchivo">Adjuntar--%>
			<%--								Archivo</label>--%>

			<h3>Archivos Adjuntos</h3>
			<div class="divParaAcordeon" style="height: 300px">
					<g:form action="guardarArchivo" enctype="multipart/form-data">
					<g:hiddenField name="id" value="${minutaInstance?.id}" />					
					<div class="divContenidoIzq">
						<div class="divContIzqPeq">
							<g:submitButton type="file" name="btnExaminar" value="Examinar" id= "btnExaminar" size= "3000"/>
						</div>
						<div class="divContDerPeq">
							<g:submitButton class="btnIzq"  title="Adjuntar archivo" name="btnAdjuntarArchivo" class="btnDer"
							value="Adjuntar Archivo" id="btnAdjuntarArchivo" />
						</div>
					</div>
					<g:render template="archivos" />
				</g:form>
			</div>
		</div>
	</div>
</body>
</html>